/* Material代码块主题 */
.hljs.material {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #263238;
  color: #eeffff;
}

.hljs.material .hljs-comment,
.hljs.material .hljs-quote {
  color: #546e7a;
  font-style: italic;
}

.hljs.material .hljs-keyword,
.hljs.material .hljs-selector-tag,
.hljs.material .hljs-literal {
  color: #c792ea;
}

.hljs.material .hljs-addition {
  color: #89ddff;
}

.hljs.material .hljs-number,
.hljs.material .hljs-selector-attr,
.hljs.material .hljs-selector-pseudo {
  color: #f78c6c;
}

.hljs.material .hljs-string,
.hljs.material .hljs-doctag,
.hljs.material .hljs-regexp {
  color: #c3e88d;
}

.hljs.material .hljs-title,
.hljs.material .hljs-section,
.hljs.material .hljs-name,
.hljs.material .hljs-selector-id,
.hljs.material .hljs-selector-class {
  color: #82aaff;
}

.hljs.material .hljs-attribute,
.hljs.material .hljs-attr,
.hljs.material .hljs-variable,
.hljs.material .hljs-template-variable,
.hljs.material .hljs-class .hljs-title,
.hljs.material .hljs-type {
  color: #ffcb6b;
}

.hljs.material .hljs-symbol,
.hljs.material .hljs-bullet,
.hljs.material .hljs-subst,
.hljs.material .hljs-meta,
.hljs.material .hljs-meta .hljs-keyword,
.hljs.material .hljs-link {
  color: #89ddff;
}

.hljs.material .hljs-built_in,
.hljs.material .hljs-deletion {
  color: #f07178;
}

.hljs.material .hljs-formula {
  background: #1d1f21;
  color: #c3e88d;
}

.hljs.material .hljs-emphasis {
  font-style: italic;
}

.hljs.material .hljs-strong {
  font-weight: bold;
}

/* Material Light变体 */
.hljs.material.light {
  background: #fafafa;
  color: #37474f;
}

.hljs.material.light .hljs-comment,
.hljs.material.light .hljs-quote {
  color: #90a4ae;
}

.hljs.material.light .hljs-keyword,
.hljs.material.light .hljs-selector-tag,
.hljs.material.light .hljs-literal {
  color: #7c4dff;
}

.hljs.material.light .hljs-addition {
  color: #39adb5;
}

.hljs.material.light .hljs-number,
.hljs.material.light .hljs-selector-attr,
.hljs.material.light .hljs-selector-pseudo {
  color: #f76d47;
}

.hljs.material.light .hljs-string,
.hljs.material.light .hljs-doctag,
.hljs.material.light .hljs-regexp {
  color: #91b859;
}

.hljs.material.light .hljs-title,
.hljs.material.light .hljs-section,
.hljs.material.light .hljs-name,
.hljs.material.light .hljs-selector-id,
.hljs.material.light .hljs-selector-class {
  color: #6182b8;
}

.hljs.material.light .hljs-attribute,
.hljs.material.light .hljs-attr,
.hljs.material.light .hljs-variable,
.hljs.material.light .hljs-template-variable,
.hljs.material.light .hljs-class .hljs-title,
.hljs.material.light .hljs-type {
  color: #f6a434;
}

.hljs.material.light .hljs-symbol,
.hljs.material.light .hljs-bullet,
.hljs.material.light .hljs-subst,
.hljs.material.light .hljs-meta,
.hljs.material.light .hljs-meta .hljs-keyword,
.hljs.material.light .hljs-link {
  color: #39adb5;
}

.hljs.material.light .hljs-built_in,
.hljs.material.light .hljs-deletion {
  color: #e53935;
}

.hljs.material.light .hljs-formula {
  background: #f5f5f5;
  color: #91b859;
} 